function edit(id) {
    $(' .ui-dialog-buttonpane').find('button').eq(0).css('visibility', 'hidden');
    $(' .ui-dialog-buttonpane').find('button').eq(1).css('visibility', 'visible');
    $(' .ui-dialog-buttonpane').find('button').eq(1).css('width', '64px');
    $(' .ui-dialog-buttonpane').find('button').eq(1).css('padding', '5px 14px 6px');
    $(' .ui-dialog-buttonpane').find('button').eq(1).css('margin-right', '5px');
    $(' .ui-dialog-buttonpane').find('button').eq(1).attr('class', 'btn btn-success');
    $(' .ui-dialog-buttonpane').find('button').eq(2).attr('class', 'btn btn-danger');
    $('#dialog-form').dialog({title: "Ver - Editar"});
    $('#dialog-form').dialog('open');
    $('#move_date').val("");
    $('#type').val("");
    $('#price').val("");
    $('#quantity').val("");
    $('#total').val("");
    $('#product_id').val("");

    $("#form_create").hide();
    $("#btn-dialog-save").hide();
    $('#dialog-form').dialog('open');
    $(".loader").show();

    $.getJSON("move_read.php",
            {id: id}
    ).done(function(data) {
        $('#move_id').val(id);
        $('#move_date').val(data[0].move_date);
        $('#type').val(data[0].type);
        $('#price').val(data[0].price);
        $('#quantity').val(data[0].quantity);
        $('#total').val(data[0].total);
        $('#product_id').val(data[0].product_id);

        $(".loader").hide();
        $("#form_create").show();
    }).fail(function(jqXHR, textStatus) {
        alert("Error: " + textStatus);
    });
}

var drop_id;
function drop(id) {
    drop_id = id;
    $(' .ui-dialog-buttonset').find('button').eq(0).attr('class', 'btn btn-success');
    $(' .ui-dialog-buttonpane').find('button').eq(1).attr('class', 'btn btn-danger');
    $('#dialog-drop').dialog('open');

}

function pageselectCallback(page_index, jq) {
    $.getJSON("move_list.php", {
        pag: page_index
    }).done(function(data) {
        $("#tbl > tbody").html("");
        $.each(data, function(key, val) {
            $("#tbl > tbody").append(
                    "<tr><td style=\"display:none\" class=\"id\">" + val.id +
                    "</td><td class=\"move_date\">" + val.move_date +
                    "</td><td class=\"type\">" + ((val.type == 1)?"Entrada":"Salida") +                    
                    "</td><td class=\"quantity\">" + val.quantity +
                    "</td><td class=\"price\">" + val.price.replace("$", "S/.") +
                    "</td><td class=\"total\">" + val.total.replace("$", "S/.") +
                    "</td><td class=\"product_id\">" + val.product_id+
                    "</td><td align=\"center\">" +
                    "<a style=\"cursor:pointer;\" onclick=\"edit(" + val.id + ");\" ><i class=\"fa fa-edit lblue\"></i></a> &nbsp;" +
                    "<a style=\"cursor:pointer;\" onclick=\"drop(" + val.id + ");\" ><i class=\"fa fa-trash-o red\"></i></a>" +
                    "</td></tr>");

        });
    });
}

function load( ) {
    $("#tbl > tbody").html("");
    $.getJSON("move_count.php", function(data) {
        $("#pa").pagination(data[0].count, {
            //num_edge_entries: 3,
            num_display_entries: 10,
            callback: pageselectCallback,
            items_per_page: 10
        });
    });
}

jQuery(document).ready(function($) {
    
    $("#move_date").datepicker();
    load();

    $.getJSON("move_list_product.php", function(data) {
        $.each(data, function() {
            $("#product_id").append(new Option(this.fullname, this.id));
        });
    });

    $("#form_create").validate({
        rules: {
            move_date: "required",
            type: "required",
            price: "required",
            quantity: "required",
            total: "required",
        },
        messages: {
            move_date: " Ingrese Fecha",
            type: " Ingrese Entrda/Salida",
            price: " Ingrese Precio",
            quantity: " Ingrese Cantidad",
            total: " Ingrese total",
        }
    });

    $('#dialog-form').dialog({
        autoOpen: false,
        resizable: false,
        modal: true,
        width: 'auto',
        buttons: {
            "Grabar": function() {
                if ($("#form_create").valid()) {
                    $(".loader").show();
                    $.post("move_create.php", {
                        move_date: $('#move_date').val(),
                        type: $('#type').val(),
                        price: $('#price').val(),
                        quantity: $('#quantity').val(),
                        total: $('#total').val(),
                        product_id: $('#product_id').val(),
                    }).done(function(data) {
                        load();
                        $('#dialog-form').dialog("close");
                    }).fail(function(jqXHR, textStatus) {
                        alert("Error: " + textStatus);
                    });
                }
            },
            "Editar": function() {
                $(".loader").show();
                $.post("move_update.php", {
                    id: $('#move_id').val(),
                    move_date: $('#move_date').val(),
                    type: $('#type').val(),
                    price: $('#price').val(),
                    quantity: $('#quantity').val(),
                    total: $('#total').val(),
                    product_id: $('#product_id').val(),
                }).done(function(data) {
                    load();
                    $('#dialog-form').dialog("close");
                }).fail(function(jqXHR, textStatus) {
                    alert("Error: " + textStatus);
                });
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
    });
    $('#dialog-drop').dialog({
        autoOpen: false,
        resizable: false,
        modal: true,
        width: 'auto',
        buttons: {
            "Si": function() {
                $.post("move_delete.php", {
                    id: drop_id,
                }).done(function(data) {
                    load();
                }).fail(function(jqXHR, textStatus) {
                    alert("Error: " + textStatus);
                });
                $(this).dialog("close");
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
    });
    $('#btn-add-dialog').click(function() {
        $(' .ui-dialog-buttonpane').find('button').eq(1).css('visibility', 'hidden');
        $(' .ui-dialog-buttonpane').find('button').eq(1).css('margin', '0px');
        $(' .ui-dialog-buttonpane').find('button').eq(1).css('padding', '0px');
        $(' .ui-dialog-buttonpane').find('button').eq(1).css('width', '0px');
        $(' .ui-dialog-buttonpane').find('button').eq(0).attr('class', 'btn btn-success');
        $(' .ui-dialog-buttonpane').find('button').eq(2).attr('class', 'btn btn-danger');
        $(' .ui-dialog-buttonpane').find('button').eq(0).css('visibility', 'visible');
        $('#name').val("");
        $('#dialog-form').dialog({title: "Nuevo"});
        $('#dialog-form').dialog('open');
        return false;
    });
    $('#btn-dialog-cancel').click(function() {
        $('#dialog-form').dialog("close");
    });

    $('#btn-dialog-editar').click(function() {
        //

    });

    $('#btn-dialog-save').click(function() {
        //if ($("#form_create").valid()) {

    });
});
